MUSIC開発チーム
はじめに こんにちは！MUSIC開発チームで就業型インターンをしています、餌打優太です（ポートフォリオサイト：https://euchi.jp/）。現在、東京工業大学情報理工学院の修士１年生です。今まではベンチャーでテックリードとしてエンジニア組織のマネジメント、そしてごりごり実装をしてきました。今回インターンに参加させていただきたかった理由としては、そのベンチャーでの業務で学びきれなかった「負荷を意識しなければいけない大規模なシステムの開発」、「確立された開発体制」を学びたいと考えたからです。 本インターンでは自分が音楽好きなのもあってLINE MUSIC関係の開発をしているMUSIC開発チームにお世話になりました。今回はその際に開発したバッチ監視ツールについてお伝えしようと思います。 背景 LINE MUSICアプリでは、プッシュ通知やアプリ内のポップアップを3rd PartyのSaaSを使って管理しています。そこで通知内容の改善をするために通知ログを使って分析をしようとしていました。しかしそのツール内の分析は24時間程度の短期間でしか行えず、長期的なユーザーへの効果は見ることがで
Front-end Engineer at LINE KYOTO
こんにちは、LINEの京都開発室でフロントエンド開発を担当している柴坂浩行です。 みなさんは仕事中などにパソコンで音楽を聴くことはありますか？ LINE MUSIC にはスマホアプリだけではなくWeb版アプリがあります。私たちが開発しているWeb版アプリでは、JSフレームワークとして Vue.js を使用しています。 https://music.line.me/webapp/ これまでこのWeb版アプリには Vue2 が使われてきましたが、2022年6月、私たちは Vue3 にアップグレードしたバージョンをリリースしました。 私たちのチームではWeb版アプリの機能開発と平行して、パフォーマンスの改善にも取り組んでいます。パフォーマンスといっても様々な側面がありますが、その中でもバンドルサイズの肥大化が大きな課題でした。アプリを構成する js と css のバンドルサイズは6MB。Sentry というモニタリングツールでWeb版アプリへのアクセスを計測すると、表示に2秒以上かかっているアクセスが約半数に達していました。 私たちはリファクタリングを進め、依存パッケージの整理を行うなどサイ
